<template>
    <!--<div class="common-layout">
      <el-container>
        <el-header>
            <Menu />
        </el-header>
        <el-main>
            <router-view/>
        </el-main>
      </el-container>
    </div>-->
    <div>
        <el-row>
            <Menu />
        </el-row>
        <el-row style="width:100%;height:865px;">
            <div class="all">
                <el-card class="box-card">
                    <router-view/>
                </el-card>
            </div>
        </el-row>
    </div>
</template>

<script setup lang="ts">
import Menu from './module/menu.vue'
</script>
<style scoped>
.el-header {
    width: 100%;
    padding: 0;
}
.el-menu-demo{
    width: 100%;
}

.el-main{
    height: 880px;
}
.all{
    width: 99%;
    height: 99%;
    position: relative;
    top: 5px;
    left: 10px;
}
  .item {
    padding: 5px;
  }
  .el-card {
    --el-card-border-color: var(--el-border-color-light);
    --el-card-border-radius: 4px;
    --el-card-padding: 5px;
    --el-card-bg-color: var(--el-fill-color-blank);
}
  .box-card {
    width: 100%;
    height: 100%;
  }
</style>
